<!DOCTYPE html>
<html lang="en">
<!-- integrity="sha256-sK0k7Mb0yxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous" -->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to my home page!!!</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <link rel="stylesheet" href="./css/style.css">



</head>

<body>
    <aside>
        <nav>
            <img src="./img/head.jpg" alt="">
            <a href="./index.html"><i class="material-icons md-36">
                    home</i>
                <p>自我介绍</p>
            </a>

            <a href="./skills.html"><i class="material-icons md-36">
                    person</i>
                <p>技能掌握</p>
            </a>

            <a href="./life.html"><i class="material-icons md-36">
                    image</i>
                <p>生活写照</p>
            </a>

            <a href="./school.html"><i class="material-icons md-36">
                    school</i>
                <p>校内经历</p>
            </a>

            <a href="./communication.html"><i class="material-icons md-36">
                    mail</i>
                <p>沟通留言</p>
            </a>


        </nav>
    </aside>

    <nav class="mobile-nav">
        <a href="./index.html">自我介绍</a>
        <a href="./skills.html">技能掌握</a>
        <a href="./life.html">生活写照</a>
        <a href="./school.html">校内经历</a>
        <a href="./communication.html">沟通留言</a>

    </nav>


    <main>
        <header class="home" id="home"><br><br>
            <h1>I'm Edvard</h1>
            <h5>Junior | 前端开发</h5>
            <p>我叫梁锦华，今年21岁，来自佛山顺德。<br>从小喜欢音乐和运动，尤其对弹吉他和踢足球特别感兴趣，喜欢的球队是巴塞罗那。</p>
            <img src="./img/bg.jpg" alt="">
        </header>
    </main>




    <footer>
        <section class="top-bar">
            <a href=""><i class="fab fa-facebook-f"></i></a>
            <a href=""><i class="fab fa-twitter"></i></a>
            <a href=""><i class="fab fa-github"></i></a>
        </section>

        <section class="bottom-bar">
            <p>&copy 2021 | All right reserved</p>
        </section>
    </footer>

</body>

</html>